import React, {useState} from 'react';
import './gywm.scss'
import Swiper from '@/components/swiper'
import config from "@/config";

const Gywm = () => {
    const list = [
        {
            title: '公司简介', text: '企业文化\n' +
                '\n' +
                '愿景：打造中国第一健康服务平台\n' +
                '\n' +
                '使命：为中华民族健康事业而奋斗\n' +
                '\n' +
                '价值观：同心 首创 感恩 快乐\n' +
                '\n' +
                config.CompanyName+'一直竭诚为社会传递健康思想，输送优质产品。对外，我们秉承“客户至上，服务第一”的宗旨，拓展市场，产品已销至全国数十省份；对内，我们激励员工不断前进，共同富裕。'
        },
        {
            title: '公司新闻', text: `创新引领，携手未来——公司新产品发布会盛大开幕`
        }, {
            title: '合作伙伴', text: <>
                <img src='../src/assets/1440227919186330.jpg' />
                <img style={{marginLeft:'5px'}} src='../src/assets/1440227952421901.jpg' />
            </>
        }, {
            title: '联系我们', text: '全国免费热线：'+config.phone
        },
    ]
    const [activeIndex, setactiveIndex] = useState(0)

    function activeFn(e) {
        console.log(e)
        setactiveIndex(e)
    }

    return (
        <div>
            <div className='bg'>
                <Swiper></Swiper>
                {/*<div>*/}
                {/*    <img className='img' src="../src/assets/1511764462.jpg" alt=""/>*/}
                {/*</div>*/}
            </div>
            <div className='body'>
                <div>
                    <ul>
                        {list.map((val, index) => (
                            <li key={index} className={activeIndex == index ? 'active' : ''}
                                onClick={() => activeFn(index)}>{val.title}</li>
                        ))}
                    </ul>
                    <div>
                        {list[activeIndex].text}
                    </div>
                </div>
            </div>
        </div>
    );
};

export default Gywm;